﻿<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">

<head>
    <title>弹窗子页面</title>
    <meta charset="utf-8">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <!-- 移动设备 viewport -->
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport">
    <meta content="火星科技 http://cesium.marsgis.cn " name="author">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta content="webkit" name="renderer">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <link href="../../img/favicon/favicon.png" rel="icon" type="image/png">
    <meta content="yes" name="mobile-web-app-capable">
    <!-- Safari浏览器添加到主屏幕（IOS） -->
    <link href="img/favicon/apple-touch-icon.png" rel="icon" sizes="192x192">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="火星科技MarsGIS" name="apple-mobile-web-app-title">
    <!-- Win8标题栏及ICON图标 -->
    <link href="../../img/favicon/apple-touch-icon.png" rel="apple-touch-icon-precomposed">
    <meta content="../../img/favicon/app-icon72x72@2x.png" name="msapplication-TileImage">
    <meta content="#62a8ea" name="msapplication-TileColor">

    <!-- 第3方lib引入 -->
    <script include="jquery,jquery.minicolors,font-awesome,bootstrap,bootstrap-checkbox,haoutil,admui-frame" libpath="../../lib/" src="../../lib/include-lib.js?time=20190418"
            type="text/javascript"></script>

    <link href="../../css/widget-win.css" rel="stylesheet" />
    <link href="css/plot.css?time=20190418" rel="stylesheet" />
</head>
<body>
    <div class="mp_box">
        <div class="mp_head">
            <ul>
                <!--class="active"-->
               <!-- <li id="btn_plot_openfile"><i class="fa fa-folder-open-o" title="打开文件"></i></li>
                <li id="btn_plot_openfile2"><i class="fa fa-folder-open" title="叠加文件"></i></li>-->
<!--                <li id="btn_plot_savefile"><i class="fa fa-save" title="保存文件"></i></li>-->
<!--                <li class="ml10">|</li>-->
              <!--  <li id="btn_plot_delall"><i class="fa fa-trash" title="清空标绘"></i></li>
                <li id="btn_plot_isedit"><i class="fa fa-unlock" title="是否可编辑"></i></li>-->
                <!--<li id="btn_plot_config"><i class="fa fa-gear " title="设置"></i></li>-->
            </ul>
            <input accept=".json" id="input_plot_file" style="display:none;" type="file" />
        </div>
        <div class="clear"></div>
        <div class="mp_tab_card">
            <ul class="mp_tab_con">
                <li class="cur">
                    <div>
                        <label class="tab-label-name" style=" margin-left:10px;margin-top:10px;font-weight: 400;display: inline-block;" >*模型要素名称</label>
                        <div class="tab-input-name">
                            <input id="plot_feature_name" name="title" placeholder="请输入绘制要素名称"  style="width:228px; margin-left:10px;margin-right:10px;font-size:12px;height: 28px;line-height: 22px;padding: 0 5px;border: 1px solid #e6e6e6;border-radius: 3px;outline: 0;box-sizing: border-box;" type="text">
                        </div>
                        <label class="tab-label-remark" style=" margin-left:10px;margin-top:10px;font-weight: 400;display: inline-block;">模型要素描述</label>
                        <div class="tab-input-remark" style="right: 50%">
                            <input class="layui-textarea" id="plot_feature_remark" maxlength="200" name="desc" placeholder="请输入绘制要素描述" style="width:228px;margin-left:10px;margin-right:10px;margin-bottom:10px;font-size:12px;height: 28px;line-height: 22px;padding: 0 5px;border: 1px solid #e6e6e6;border-radius: 3px;outline: 0;box-sizing: border-box;">
                        </div>
                    </div>
                    <select class="mp_select m10" data-value="1" id="sel_plot_list">
                        <!--
                        <option value="1">常用标号</option>
                        <option value="2">点注记</option>
                        <option value="3">线面标号</option>
                        <option value="4">其他</option>-->
                    </select>
                    <div class="mp_mark">
                        <ul id="plotlist">
                            <!--<li class="markon"><i class="fa fa-map-marker"></i></li>
                            <li><i class="fa fa-map-marker"></i></li>
                            <li><i class="fa fa-map-marker"></i></li>
                            <li><i class="fa fa-map-marker"></i></li>
                            <li> <i> <img src="../../img/marker/men1.png" style="max-width: 50px;" /></i></li>-->
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="mp_tree">
                        <div id="view_updateheight">
                            <div class="open"><i class="tree_icon">-</i>批量修改高程（辅助功能）</div>
                            <div class="mp_attr" style=" margin-top: 10px;">
                                <table>
                                    <tr>
                                        <td class="nametd">在原值上增加</td>
                                        <td><input class="mp_input" id="plot_latlngs_addheight" type="number" value="" /></td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">全部修改为</td>
                                        <td><input class="mp_input" id="plot_latlngs_allheight" type="number" value=""></td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div>
                            <div class="open"><i class="tree_icon">-</i>坐标列表</div>
                            <div class="local" id="view_latlngs">
                                <!--<div>
                                    <div class="open"><i class="tree_icon">-</i>第1点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度：</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度：</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div>
                                    <div class="open"><i class="tree_icon">-</i>第2点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度：</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度：</td>
                                                <td><input type="text" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>-->

                            </div>
                            <div style="margin-top:10px;text-align:center;">
                                <button class="btn btn-primary" id="btnCenter" type="button">定位</button>
                            </div>
                        </div>
                    </div>
                </li>

                <li>
                    <div class="mp_tree">
                        <div id="attr_style_view">
                            <div class="open"><i class="tree_icon">-</i>样式信息</div>
                            <div class="mp_attr">
                                <table id="talbe_style">
                                    <!--<tr>
                                        <td class="nametd">类型：</td>
                                        <td>折线</td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">是否边框</td>
                                        <td>
                                            <input name="plot_attr_stroke" type="radio" value="1" checked="checked">是  &nbsp;&nbsp; <input name="plot_attr_stroke" type="radio" value="2">否
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">线颜色</td>
                                        <td>
                                            <input id="plot_attr_color" type="text" class="mp_input" value="#3388ff">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">线型</td>
                                        <td>
                                            <select id="plot_attr_linetype" class="mp_select" data-value="0">
                                                <option value="0">请选择</option>
                                                <option value="1">实线</option>
                                                <option value="2">虚线</option>
                                                <option value="3">虚点线</option>
                                                <option value="4">点划线</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">线宽</td>
                                        <td><input type="number" class="mp_input"></td>
                                    </tr>-->
                                </table>
                            </div>
                        </div>

                        <!--<div class="bdt">
                            <div class="open"><i class="tree_icon">-</i>坐标信息</div>
                            <div class="local">
                                <div>
                                    <div class="open"><i class="tree_icon">-</i>第1点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度：</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度：</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div>
                                    <div class="open"><i class="tree_icon">-</i>第2点</div>
                                    <div class="mp_attr">
                                        <table>
                                            <tr>
                                                <td class="nametd">纬度：</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                            <tr>
                                                <td class="nametd">经度：</td>
                                                <td><input type="number" class="mp_input"></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>

                            </div>
                        </div>-->


                        <div class="bdt">
                            <div class="open"><i class="tree_icon">-</i>属性信息</div>
                            <div class="mp_attr">
                                <table id="talbe_attr">
                                    <!--<tr>
                                        <td class="nametd">名称</td>
                                        <td><input type="text" class="mp_input"></td>
                                    </tr>
                                    <tr>
                                        <td class="nametd">备注</td>
                                        <td><input type="text" class="mp_input"></td>
                                    </tr>-->
                                </table>
                            </div>
                        </div>
                        <div style="margin-top:10px;text-align:center;">
                            <button class="btn btn-danger" id="btnDelete" type="button">删除</button>
                        </div>
                    </div>

                </li>

            </ul>
            <ul class="mp_tab_tit">
                <li class="cur" id="tab_plot">标号</li>
                <li class="disabled" id="tab_latlng">坐标</li>
                <li class="disabled" id="tab_attr">属性</li>
<!--                <li id="btn_plot_savefile"><i class="fa fa-save" title="保存文件"></i></li>-->
<!--                <button class="btn btn-primary" id="btn_plot_savefile"  type="button">确定</button>-->

            </ul>
        </div>
    </div>


    <script src="js/vew.common.js?time=20190418"></script>
    <script src="js/vew.work.js?time=20190418"></script>
    <script>

        $('#plot_feature_name').val(sessionStorage.elementName);
        $('#plot_feature_remark').val(sessionStorage.remark);
    </script>

</body>
</html>
